/* src/assets/styles/common.css */

/* 搜索表单全局样式 */
.search-form {
    background-color: var(--el-bg-color);
    padding: 18px;
    border-radius: 4px;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
  }
  
  .search-form .el-form-item {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
  }
  
  .search-form .el-form-item__label {
    font-weight: normal;
    color: var(--el-text-color-regular);
  }
  
  /* 统一输入框和选择框宽度 */
  .search-form .el-input,
  .search-form .el-select,
  .search-form .el-date-editor {
    width: 240px !important;
  }
  
  /* 按钮组样式 */
  .search-form .search-buttons {
    margin-left: auto;
  }
  
  .search-form .search-buttons .el-form-item__content {
    margin-left: 0 !important;
    display: flex;
    gap: 8px;
  }
  
  /* 日期选择器样式优化 */
  .search-form .el-date-editor.el-input {
    width: 240px !important;
  }
  
  .search-form .el-date-editor--daterange {
    width: 360px !important;
  }
  
  /* 响应式布局 */
  @media screen and (max-width: 1400px) {
    .search-form .el-input,
    .search-form .el-select,
    .search-form .el-date-editor {
      width: 200px !important;
    }
  
    .search-form .el-date-editor--daterange {
      width: 320px !important;
    }
  }
  
  @media screen and (max-width: 1200px) {
    .search-form .el-input,
    .search-form .el-select,
    .search-form .el-date-editor {
      width: 180px !important;
    }
  
    .search-form .el-date-editor--daterange {
      width: 300px !important;
    }
    
    .search-form {
      padding: 16px;
      gap: 12px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .search-form .search-buttons {
      margin-left: 0;
      width: 100%;
    }
    
    .search-form .search-buttons .el-form-item__content {
      justify-content: flex-end;
    }
  }
  
  /* 表格工具栏样式 */
  .table-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }
  
  /* 分页器样式 */
  .pagination-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    padding: 10px 0;
  }